<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            padding:0px;margin:0px;
            list-style: none;
        }
        #A{
            height:58px;
        }
        .a2{
            width:700px;
            height:30px;
            float:right;
            margin-top:17px;

        }
        .a2 span p{
            float:right;
            width: 80px;
            height:30px;
            background-color: rgb(1, 152, 253);
            color:#ffffff;
            margin-right:30px;
            padding-top:2px;
            padding-left:15px;
        }
        .a2 a{
            margin-left: 30px;
            color:#000000;
        }
        #B{
            height:386px;
            
        }
        .b1{
            width: 654px;
            height:231px;
            margin:auto;
        }
        .b1 img{
            width:181px;
            margin-left:230px;
            margin-top:145px;
        }
        .b2{
            height:152px;
            width:660px;
            margin:auto;
            position: relative;
        }
        input{
            width:548px;
            height:44px;
            border:1px solid #707070;
            border-right: none;
            border-radius: 5px;
        }
        button{
            position:relative;
            right: 2px;
            width: 108px;
            height:44px;
            font-size:15px;
            color:#ffffff;
            background:rgb(1, 152, 253) ;
            border:0px;
            border-radius: 4px;
        }
        .b3{
            position:absolute;
            margin-left:515px;
            width:24px;
            height:20px;
            margin-top:-32px;
        }
        #C{
            margin-top:80px;
            height:130px;
        }
        .c1{
            margin:auto;
            width:100px;
            height:100px;
        }
        .c2{
            margin: auto;
            width:75px;
            height:30px;
        }
        .c1 img{
            width:100px;
        }
        .c2 p {
            font-size: 18px;
            margin-top: 5px;
        }
        #D{
            height:30px;
            margin-top:30px;
        }
        .d1{
            width:550px;
            height:30px;
            margin:auto;
        }
        .d1 li{
            float:left;
            text-decoration:underline;
            margin-left:40px;
            opacity:0.5;
        }
        #E{
            height:25px;
            width:700px;
            margin:auto;
            opacity:0.5;
        }
        .e1 li{
            float:left;
        }
        .e1 img{
            height:25px;
            width:25px;
        }
        .e2{
            margin-left:5px;
            text-decoration:underline;
        }
        .e3{
            margin-left:5px;
            
        }
        .e4{
            margin-left:30px;
            text-decoration:underline;
        }
    </style>
</head>
<body>
    <div id="A">
        <div class="a2">
        <a href="http://d.nuomi.com/">糯米</a>
        <a href="http://news.baidu.com/">新闻</a>
        <a href="https://www.hao123.com">hao123</a>
        <a href="https://map.baidu.com/@12651137,2681935,13z">地图</a>
        <a href="https://live.baidu.com">视频</a>
        <a href="https://tieba.baidu.com/index.html">贴吧</a>
        <a href="http://i.baidu.com/">登录</a>
        <a href="file:///C:/Users/msi-pc/Desktop/软件技术4班刘兆业/作业/百度/index.html">设置</a>
        <span><p>更多产品</p></span></div>
    </div>
    <div id="B">
        <div class="b1"><img src="images/baidu_jgylogo3.gif"></div>
        <div class="b2"><input><button>百度一下 </button>
        <img src="images/abc.png" class="b3">
        </div>
    <div id="C">
        <div class="c1">
            <img src="images/zbios_efde696.png">
        </div>
        <div class="c2">
           <p>手机百度</p> 
        </div>
    </div>
    <div id="D">
        <div class="d1">
            <ul>
                <li><P>把百度设为主页</P></li>
                <li><p>关于百度</p></li>
                <li><p>About Baidu</p></li>
                <li><p>百度推广</p></li>
            </ul>
        </div>
    </div>
    <div id="E">
        <div class="e1">
            <ul>
                <li>2016 Baidu </li>
                <li class="e2">使用百度前必读 意见反馈 </li>
                <li class="e3">京ICP证030173号</li>
                <li><img src="images/aaa.png"> </li>
                <li class="e4">京公网安备11000002000001</li>
                <li><img src="images/bbb.png"></li>
            </ul>
        </div>
    </div>
</body>
</html>